<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">


    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validarSessionActivo}" />
    </f:metadata>
    <body>

        <ui:composition template="./../template.xhtml">

            <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
            <ui:define name="header">
                <div class="menu">
                    <h:form id="headerMenu">
                        <h:panelGrid columns="2">
                            <h:panelGrid id="pBanner">
                                <h:outputLink value="#{request.contextPath}/web-pages/wfrmPrincipal.xhtml" style="color: #373739">
                                    <p:graphicImage value="/imagenes/banner.png"  onclick="" width="275" />
                                </h:outputLink>
                            </h:panelGrid>
                            <h:panelGrid id="pMenu">
                                <ui:include src="/web-pages/OTROS/wfrmMenuModel.xhtml" >
                                    <ui:param name="everything" value="#{menuModeloManaged.flag_everything}"/>
                                    <ui:param name="compra" value="#{menuModeloManaged.flag_compra}"/>
                                    <ui:param name="proyecto" value="#{menuModeloManaged.flag_proyecto}"/>
                                    <ui:param name="seguridad" value="#{menuModeloManaged.flag_seguridad}"/>
                                    <ui:param name="rrhh" value="#{menuModeloManaged.flag_rrhh}"/>
                                </ui:include>
                            </h:panelGrid>
                        </h:panelGrid>
                    </h:form>
                </div>
            </ui:define>
            <ui:define name="main_content">
                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_Principal.xhtml">
                    <ui:param name="toolBarWidth" value="800"/>
                    <ui:param name="toolBarTitleWidth" value="750"/>
                    <ui:param name="title" value="Bienvenido al Sistema de INTESAL"/>
                </ui:include>
                <div align="left">                    

                    <p:panel style="width: 800px" >
                        <f:facet name="header">
                            <h:outputText value="Bienvenido #{principalManaged.selectedPerson.nombre_completo_em}." rendered="false"/>
                            <p:spacer width="405" height="10"/>
                            <h:outputText value="Usuario #{principalManaged.selectedPerson.user}" rendered="false"/>
                        </f:facet>
                        <h:form id="principal">
                            <div align="right">

                                <p:spacer height="50"/>
                                <p:toolbar style="width:#{toolBarWidth}px;  border-color:transparent; background:transparent"  >
                                    <p:toolbarGroup align="left" style="width: #{toolBarTitleWidth}px">
                                        <div align="center">
                                            <p:spacer width="100" height="10"/>
                                            <h:outputText value="#{menuModeloManaged.title} " style="font-weight: normal; font-size: medium; width: 150px " />
                                        </div>
                                        <br/>
                                    </p:toolbarGroup>
                                    <p:toolbarGroup align="right">
                                        <h:panelGrid columns="1">
                                            <p:commandLink id="logOut" actionListener="#{sessionManaged.logOutSession}" >
                                                <p:graphicImage url="../imagenes/exit.png"  width="045" />
                                            </p:commandLink>
                                            <p:tooltip for="logOut" value="Gracias por usar INTESAL!" showEffect="fade" hideEffect="fade" />
                                        </h:panelGrid>
                                    </p:toolbarGroup>
                                </p:toolbar>
                            </div>

                            <div align="left">
                                <h:panelGrid columns="12">
                                    <p:spacer width="50" height="10"/>
                                    <p:commandLink id="compra" actionListener="#{menuModeloManaged.visibleCompra}" update="headerMenu principal mensaje">
                                        <p:graphicImage url="../imagenes/Credit cards.png"  width="075" />
                                    </p:commandLink>
                                    <p:tooltip for="compra" value="M&oacute;dulo Compra" showEffect="fade" hideEffect="fade" />

                                    <p:spacer width="50" height="10"/>
                                    <p:commandLink id="proyecto" actionListener="#{menuModeloManaged.visibleProyecto}" update="headerMenu principal mensaje">
                                        <p:graphicImage value="../imagenes/blueprint-coffee.png"  onclick="" width="075" />
                                    </p:commandLink>
                                    <p:tooltip for="proyecto" value="M&oacute;dulo Proyecto" showEffect="fade" hideEffect="fade" />

                                    <p:spacer width="50" height="10"/>
                                    <p:commandLink id="rrhh" actionListener="#{menuModeloManaged.visibleRRHH}" update="headerMenu principal mensaje">
                                        <p:graphicImage value="../imagenes/agt_family.png"  onclick="" width="075" />
                                    </p:commandLink>
                                    <p:tooltip for="rrhh" value="M&oacute;dulo Recursos Humanos" showEffect="fade" hideEffect="fade" />

                                    <p:spacer width="50" height="10"/>
                                    <p:commandLink id="seguridad"  actionListener="#{menuModeloManaged.visibleSeguridad}" update="headerMenu principal mensaje">
                                        <p:graphicImage value="../imagenes/Padlock User Control.png"  onclick="" width="075" />
                                    </p:commandLink>
                                    <p:tooltip for="seguridad" value="M&oacute;dulo Seguridad" showEffect="fade" hideEffect="fade" />                            
                                </h:panelGrid>
                                <br/><br/>

                                <h:panelGrid columns="12" >
                                    <p:spacer width="50" height="10"/>                               
                                    <p:graphicImage id="cambiarClave" value="../imagenes/password.png"  width="075" onclick="dialogCambiarClave.show()"/>
                                    <p:tooltip for="cambiarClave" value="Cambiar Clave de Usuario" showEffect="fade" hideEffect="fade" />

                                    <p:spacer width="50" height="10"/>
                                    <h:outputLink id="help" value="#{rutaProyecto.wfrmDocumentacionSistema}" style="color: #373739">
                                        <p:graphicImage value="../imagenes/aim3.png"  onclick="" width="075" />
                                    </h:outputLink>
                                    <p:tooltip for="help" value="Ayuda" showEffect="fade" hideEffect="fade" />

                                    <p:spacer width="50" height="10"/>
                                    <h:outputLink id="contac" value="#{rutaProyecto.wfrmContactenos}" style="border-color: transparent">
                                        <p:graphicImage value="../imagenes/gadu.png"  onclick="" width="075" />
                                    </h:outputLink>
                                    <p:tooltip for="contac" value="Cont&aacute;ctenos" showEffect="fade" hideEffect="fade" />
                                </h:panelGrid>
                            </div>
                        </h:form>

                        <p:spacer height="100"/>


                        <f:facet name="footer">
                            <div align="right">
                                <h:outputText value="Ultima Modificaci&oacute;n Fecha y Hora: Mayo 02-2014 11:03 am" style="font-weight: normal; font-size: small; width: 150px; "/>
                            </div>
                        </f:facet>
                    </p:panel>
                    <h:form id="stack">
                        <h:panelGrid id="pPrincipal3" style="width: inherit" rendered="true">
                            <p:stack icon="../imagenes/stack.png" openSpeed="400" rendered="true" >
                                <p:menuitem value="Consulta_Resumen_Final_de_Proyecto" icon="../imagenes/kexi.png" url="#{rutaProyecto.wfrmContactenos}"/>
                                <p:menuitem value="Consulta_de_Material" icon="../imagenes/warehause.png" url="#{rutaProyecto.wfrmContactenos}"  />
                                <p:menuitem value="Consulta_de_Kardex" icon="../imagenes/kchart.png" url="#{rutaProyecto.wfrmContactenos}" />
                                <p:menuitem value="Roles_de_Usuario" icon="../imagenes/package_settings.png" url="#{rutaProyecto.wfrmRoles}"/>
                                <p:menuitem value="Orden_de_Compra" icon="../imagenes/kopeteaway.png" url="#{rutaProyecto.wfrmContactenos}"/>
                            </p:stack>
                        </h:panelGrid>
                    </h:form>
                    <ui:include src="/web-pages/SEGURIDAD/OTROS/wfrmCambiarClave.xhtml"/>


                </div>
            </ui:define>
        </ui:composition>

    </body>
</html>